<div ng-controller="goodsDetailEvaluateCtrl">
    <div class="bg-light lter b-b wrapper-md ng-scope">
        <h4 class="m-n font-thin">商品评价</h4>
        <button ui-sref="app.goods" class="btn-back btn btn-dark btn-sm btn-rounded" href="#/app/goods">
            返回
        </button>
    </div>

    <div class="hbox hbox-auto-xs hbox-auto-sm">
        <!-- .col -->
        <div class="col w-lg bg-white b-r bg-auto">
            <div class="padder text-center padder-v m-t">
                <div class="m-b-xs">
                    <div>
                        <img ng-src="{{app.image.goods}}{{goods.fileName}}" err-src="img/error.png" class="w-xs m-b-xs"/>
                    </div>
                </div>
                <div class="m-b-xs">
                    <label class="h3 font-bold block m-b-xs">{{goods.name}}</label>
                    <span class="text-muted block h6">{{goods.typeName}}</span>
                </div>
                <div class="m-b-xs">
                    <label class="font-bold text-warning h1">{{evaluateCount.avgscore|number:1}}</label>
                </div>
                <div class="m-b-xs">
                    <ul class="inline no-padder m-n">
                        <li class="pull-left fa fa-star block text-warning"></li>
                        <li class="pull-left fa fa-star block text-warning"></li>
                        <li class="pull-left fa fa-star block text-warning"></li>
                        <li class="pull-left fa fa-star block text-warning"></li>
                        <li class="pull-left fa fa-star-o block text-warning"></li>
                    </ul>
                </div>
                <div class="m-b-xs">
                    <div class="inline">
                        <span class="h5">{{evaluateCount.count}}</span>
                        <span class="h5 text-muted">人评价</span>
                    </div>
                </div>
                <div class="block panel-body">
                    <div class="col-md-4 b-r">
                        <span class="block m-b-xs">差评</span>
                        <label class="block h4 font-bold">{{evaluateCount.badCount}}</label>
                    </div>
                    <div class="col-md-4 b-r">
                        <span class="block m-b-xs">中评</span>
                        <label class="block h4 font-bold">{{evaluateCount.middleCount}}</label>
                    </div>
                    <div class="col-md-4">
                        <span class="block m-b-xs">好评</span>
                        <label class="block h4 font-bold">{{evaluateCount.bestCount}}</label>
                    </div>
                </div>
            </div>
        </div>
        <!-- /.col -->
        <!-- .col -->
        <div class="col">
            <div class="wrapper">
                <ul class="timeline">
                    <li class="tl-header">
                        <div class="btn btn-success">现在</div>
                    </li>
                    <!-- 时间点 -->
                    <li class="tl-item tl-left" ng-if="list.length>0">
                        <div class="tl-wrap b-success" ng-repeat="item in list">
                            <div class="tl-content panel padder b-a">
                                <span class="arrow left pull-up"></span>
                                <div class="text-lt m-b-sm inline">
                                    <div class="thumb-sm m-r m-t-sm pull-left">
                                        <img ng-src="{{item.avatarUrl}}" err-src="img/error.png" class="img-circle">
                                        <span class="h6">{{item.nickName}}</span>
                                    </div>
                                    <div class="pull-left">
                                        <span class="m-b-xs block">{{item.goodsName}}</span>
                                        <span class="m-b-xs block">{{item.name}}</span>
                                        <div>
                                            <p class="h6 block m-b-xs">评分: {{item.score | number:1}}</p>
                                            <p class="h6 block m-b-xs">规格: {{item.skuContentName==null?'-- --':item.skuContentName}}</p>
                                        </div>
                                        <span class="block">{{item.createdTime}}</span>
                                    </div>
                                </div>
                                <div class="panel-body pull-in b-t b-light">
                                    <div class="clear">
                                        <p class="m-n h6 l-h">{{item.content}}</p>
                                    </div>
                                </div>
                                <div class="inline m-b-n" ng-if="item.images.length>0">
                                    <div class="m-r-sm m-b-sm pull-left" ng-repeat="subitem in item.images track by $index">
                                        <img ng-src="{{app.image.evaluate}}{{subitem}}" err-src="img/error.png" class="w-xs"/>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>

                    <!---->
                    <li class="tl-item tl-left" ng-if="list.length<=0">
                        <div class="tl-wrap b-success">
                            <div class="tl-content panel bg-success padder">
                                <span class="arrow arrow-success left pull-up hidden-left"></span>
                                <span class="arrow arrow-success right pull-up visible-left"></span>
                                <div class="text-lt">暂无评价</div>
                            </div>
                        </div>
                    </li>

                    <li class="tl-header">
                        <div class="btn btn-sm btn-default btn-rounded" ng-click="evaluateMore()" ng-if="!moreState">更多</div>
                        <div class="btn btn-sm btn-default btn-rounded" ng-if="moreState">~没有更多了~</div>
                    </li>
                </ul>
            </div>
        </div>

    </div>


</div>